<template>
	<view class="">
		<u-navbar bgColor="#000" :titleStyle="{color:'#fff'}"  leftIcon=" " :title="$t('navbar.step1')" safeAreaInsetTop fixed placeholder>
			<view slot="right" @click="language">
				<u-icon name="setting" label="语言" labelColor="#fff" color="#fff"></u-icon>
			</view>
		</u-navbar>
		
		<view class="p-30">
			<navigator url="/pages/home/detail" class="card p-30 mt-30 color1" v-for="(item,index) in list">
				{{$t('select')}}
			</navigator>
			<view class="card p-30 mt-30 flex-row align-center justify-center" @click="add">
				<u-icon name="plus" color="#fff"></u-icon>
			</view>
		</view>

		<!-- <view class="submit" @click="up">{{$t('up')}}</view> -->

		<u-action-sheet :actions="actionList" :title="actionTitle" @select="actionSelect" :show="actionShow"
			@close="actionClose"></u-action-sheet>
			
		<!-- <blue ref="blue" /> -->
	</view>
</template>

<script>
	import commonMixin from '@/mixins/common.js';
	export default {
		mixins: [commonMixin],
		data() {
			return {
				list: [{}],
			}
		},
		onLoad() {},
		methods: {
			add() {
				// this.list.push({})
				// this.$refs.blue.bluePop = true
				uni.navigateTo({
					url: '/pages/home/add'
				})
			},
			up() {
				uni.navigateBack({
					delta: 1
				})
			},
		}
	}
</script>
<style lang="scss" scoped>
	.title {
		font-size: 38rpx;
		margin-bottom: 90rpx;
		text-align: center;
	}
</style>